<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>运动</title>
</head>
<body class="dpflex fdcolumn">
    <!-- 头部 -->
      <header class="dpflex ">
          <span >跑步</span>
          <span >骑行</span>
          <span >课程训练</span>

      </header>

    <!-- 主要内容区域   -->
      <main class="flex1">

    <!-- 最新课程 -->
         <div class="newClass">
            <span >最新课程</span>
             <div class="newClass-box mt16" id="newCourse">
                <b></b>
                <p class="ml12">巧克力腹肌雕刻</p>
                <p class="ml12 mt8">一场痛快淋漓的父级撕裂体验, 虐出你的巧克力腹肌 !</p>
            </div>
         </div>
         <!-- 课程  -->
         <div class="course mt20">
            <h2>课程</h2>
            <div class="course-style" id="courseOne">
                <p>徒手胸肌训练进阶</p>
                <span>男生专属变式俯卧撑训练, 在家也能练出钢铁般的胸肌</span>
            </div>
            <div class="course-style" id="courseTwo">
                <p>徒手胸肌训练进阶</p>
                <span>男生专属变式俯卧撑训练, 在家也能练出钢铁般的胸肌</span>

            </div>
            <div class="course-style" id="courseThree">
                <p>徒手胸肌训练进阶</p>
                <span>男生专属变式俯卧撑训练, 在家也能练出钢铁般的胸肌</span>

            </div>
         </div>
        
    </main>
    
   
    <footer>

    </footer>
</body>
</html>